<template>
  <div class="search">
      <div class="search-input">
            <van-search v-model="value"  shape="round" placeholder="请输入搜索关键词" background="#EFEFF4"/>
      </div>
      <div class="content">搜索指定内容</div>
      <ul class="list" @click="chooseHandle">
          <li>图片</li>
          <li>文件</li>
          <li>链接</li>
          <li>公告</li>
          <li>联系人</li>
          <li>群组</li>
      </ul>
  </div>
</template>

<script>
export default {
name:'Search',
data(){
return{
    value:''
}},
methods:{
    chooseHandle(){
        this.$router.back()
    }
}

}
</script>

<style scoped lang="less">
.search{
.search-input{
    padding:10px 0 10px 0;
    background-color: #EFEFF4;
}
    .content{
        color:#999;
        height:1.4rem;
        width:100%;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4rem;
        text-align:center;
    }
    .list{
        margin-top:20px;
        display:flex;
        flex-wrap: wrap;       
        li{
            text-align: center;
            width:33.33%;
            height:0.8rem;
            color:#4FA0F3;
            font-size:20px;
            font-weight: 500;
        }
    }
    
} 
</style>